<%@ page language="java" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <base href="<%=basePath%>">
    
    <title>Pago de Paquetes</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  
  <body>
	<f:view>
		<h:form id="pagarPaqueteForm">
			<h1>Pagar Paquete</h1>			
				
				<h:dataTable id="paquetes" border="1" var="reservas" value="#{comprarPaqueteBean.dataItem}">				
					<h:column>
					<h:outputText id="nombre" value="#{comprarPaqueteBean.dataItem.nombre}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Nombre Paquete"></h:outputText>
					</f:facet>
				</h:column>
				<h:column>
					<h:outputText id="estado" value="#{comprarPaqueteBean.dataItem.estado}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Estado"></h:outputText>
					</f:facet>
				</h:column>	
				<h:column>
					<h:outputText id="cantPasajeros" value="#{comprarPaqueteBean.dataItem.cantidadPasajeros}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Cantidad Pasajeros"></h:outputText>
					</f:facet>
				</h:column>	
				<h:column>
					<h:outputText id="precio" value="#{comprarPaqueteBean.dataItem.precioTotal}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Precio Total"></h:outputText>
					</f:facet>
				</h:column>	
				<h:column>
					<h:outputText id="pagoReserva" value="#{comprarPaqueteBean.dataItem.costoReserva}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Pago Reserva"></h:outputText>
					</f:facet>
				</h:column>	
				<h:column>
					<h:outputText id="cantPagos" value="#{comprarPaqueteBean.dataItem.cantPagos}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Cant Pagos"></h:outputText>
					</f:facet>
				</h:column>	
				<h:column>
					<h:outputText id="cantPagosPendientes" value="#{comprarPaqueteBean.dataItem.cantPagosPendientes}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Cant Pagos Pendientes"></h:outputText>
					</f:facet>
				</h:column>	
				<h:column>
					<h:outputText id="montoPago" value="#{comprarPaqueteBean.dataItem.monto}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Monto a Pagar"></h:outputText>
					</f:facet>
				</h:column>	
																
				</h:dataTable>			
							
			<h1>Listado de Pasajeros</h1>
			<h:dataTable border="1" id="pasajeros" value="#{comprarPaqueteBean.dataItem.pasajeros}" var="fila">
				<h:column>
					<h:outputText id="nombre" value="#{fila.nombre}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Nombre"></h:outputText>
					</f:facet>
				</h:column>
				<h:column>
					<h:outputText id="apellido" value="#{fila.apellido}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Apellido"></h:outputText>
					</f:facet>
				</h:column>	
				<h:column>
					<h:outputText id="dni" value="#{fila.dni}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="DNI"></h:outputText>
					</f:facet>
				</h:column>	
				<h:column>
					<h:outputText id="telefono" value="#{fila.telefono}"></h:outputText>
					<f:facet name="header">
						<h:outputText value="Telefono"></h:outputText>
					</f:facet>
				</h:column>	

			</h:dataTable>		
			<p>	
			<h:commandButton id="botonPagarReserva" action="#{comprarPaqueteBean.pagarReserva}"  value="Efectuar Pago     " ></h:commandButton>			
			<h:message for="botonPagarReserva" errorClass="error"></h:message>			
			<p>
			<h:commandButton id="botonCancelarReserva" action="#{comprarPaqueteBean.cancelarReserva}" value="Cancelar Reserva" ></h:commandButton>			
			<h:message for="botonCancelarReserva" errorClass="error"></h:message>
			<p>
			<h:commandButton value="Volver" action="#{comprarPaqueteBean.volver}" immediate="true" />
			
			
		</h:form>
		<br>
	</f:view>
  </body>
</html>
